<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>纯 CSS3 3D 卧室动画DEMO演示</title>
  <link rel="stylesheet" href="./style.css">

</head>
<body>
<!-- partial:index.partial.html -->
<div class="shadows rb">
  <div class="shadow6"> </div>
  <div class="shadow5"> </div>
  <div class="shadow4"></div>
  <div class="shadow1"></div>
  <div class="shadow2"></div>
  <div class="shadow3"></div>
</div>
<div class="room rb">
  <div class="at">
    <div class="at__front face"> </div>
    <div class="at__back face"> </div>
    <div class="at__right face"> </div>
    <div class="at__left face"> </div>
    <div class="at__top face"> 
      <div class="os os1"></div>
      <div class="os os2"></div>
      <div class="ws1 ws"></div>
      <div class="ws2 ws"></div>
      <div class="ws3 ws"></div>
      <div class="ws4 ws"></div>
      <div class="ws5 ws"></div>
      <div class="ws6 ws"></div>
      <div class="ws7 ws"></div>
    </div>
    <div class="at__bottom face"> </div>
  </div>
  <div class="ab">
    <div class="ab__front face"> </div>
    <div class="ab__back face"> </div>
    <div class="ab__right face"> </div>
    <div class="ab__left face"> </div>
    <div class="ab__top face"> </div>
    <div class="ab__bottom face"> </div>
  </div>
  <div class="bb">
    <div class="bb__front face"> 
      <div class="os os1"></div>
      <div class="os os2"></div>
    </div>
    <div class="bb__back face"> </div>
    <div class="bb__right face"> </div>
    <div class="bb__left face"> </div>
    <div class="bb__top face"> </div>
    <div class="bb__bottom face"> </div>
  </div>
  <div class="bt">
    <div class="bt__front face"> </div>
    <div class="bt__back face"> </div>
    <div class="bt__right face"> </div>
    <div class="bt__left face"> </div>
    <div class="bt__top face"> </div>
    <div class="bt__bottom face"> </div>
  </div>
  <div class="bbl">
    <div class="bbl__front face"> </div>
    <div class="bbl__back face"> </div>
    <div class="bbl__right face"> </div>
    <div class="bbl__left face"> </div>
    <div class="bbl__top face"> </div>
    <div class="bbl__bottom face"> </div>
  </div>
  <div class="bbr">
    <div class="bbr__front face"> </div>
    <div class="bbr__back face"> </div>
    <div class="bbr__right face"> </div>
    <div class="bbr__left face"> </div>
    <div class="bbr__top face"> </div>
    <div class="bbr__bottom face"> </div>
  </div>
  <div class="bl">
    <div class="bl__front face"> </div>
    <div class="bl__back face"> </div>
    <div class="bl__right face"> 
      <div class="os0"></div>
      <div class="os os1"></div>
      <div class="os os2"></div>
      <div class="os os3"></div>
      <div class="os os4"></div>
      <div class="os os5"></div>
      <div class="os os6"></div>
    </div>
    <div class="bl__left face"> 
      <div class="os os1"></div>
    </div>
    <div class="bl__top face"> </div>
    <div class="bl__bottom face"> </div>
  </div>
  <div class="ventana">
    <div class="ventana__back face"> 
      <div class="lg lg1"></div>
      <div class="lg lg2"></div>
      <div class="vs vs1"></div>
      <div class="vs vs2"></div>
      <div class="vs vs3"></div>
      <div class="vs vs4"></div>
    </div>
    <div class="ventana-l">
      <div class="ventana-l__front face"> </div>
      <div class="ventana-l__back face"> </div>
      <div class="ventana-l__right face"> </div>
      <div class="ventana-l__left face"> </div>
      <div class="ventana-l__top face"> </div>
      <div class="ventana-l__bottom face"> </div>
    </div>
    <div class="ventana-c">
      <div class="ventana-c__front face"> </div>
      <div class="ventana-c__back face"> </div>
      <div class="ventana-c__right face"> </div>
      <div class="ventana-c__left face"> </div>
      <div class="ventana-c__top face"> </div>
      <div class="ventana-c__bottom face"> </div>
    </div>
    <div class="ventana-r">
      <div class="ventana-r__front face"> </div>
      <div class="ventana-r__back face"> </div>
      <div class="ventana-r__right face"> </div>
      <div class="ventana-r__left face"> </div>
      <div class="ventana-r__top face"> </div>
      <div class="ventana-r__bottom face"> </div>
    </div>
    <div class="ventana-t">
      <div class="ventana-t__front face"> </div>
      <div class="ventana-t__back face"> </div>
      <div class="ventana-t__right face"> </div>
      <div class="ventana-t__left face"> </div>
      <div class="ventana-t__top face"> </div>
      <div class="ventana-t__bottom face"> </div>
    </div>
    <div class="ventana-b">
      <div class="ventana-b__front face"> </div>
      <div class="ventana-b__back face"> </div>
      <div class="ventana-b__right face"> </div>
      <div class="ventana-b__left face"> </div>
      <div class="ventana-b__top face"> </div>
      <div class="ventana-b__bottom face"> </div>
    </div>
  </div>
  <div class="cama">
    <div class="fs"></div>
    <div class="cama-al">
      <div class="cama-al__front face"> </div>
      <div class="cama-al__back face"> </div>
      <div class="cama-al__right face"> </div>
      <div class="cama-al__left face"> </div>
      <div class="cama-al__top face"> </div>
      <div class="cama-al__bottom face"> </div>
    </div>
    <div class="cama-ac">
      <div class="cama-ac__front face"> </div>
      <div class="cama-ac__back face"> </div>
      <div class="cama-ac__right face"> </div>
      <div class="cama-ac__left face"> </div>
      <div class="cama-ac__top face"> </div>
      <div class="cama-ac__bottom face"> </div>
    </div>
    <div class="cama-ar">
      <div class="cama-ar__front face"> </div>
      <div class="cama-ar__back face"> </div>
      <div class="cama-ar__right face"> </div>
      <div class="cama-ar__left face"> </div>
      <div class="cama-ar__top face"> </div>
      <div class="cama-ar__bottom face"> </div>
    </div>
    <div class="cama-bc">
      <div class="cama-bc__front face"> </div>
      <div class="cama-bc__back face"> </div>
      <div class="cama-bc__right face"> </div>
      <div class="cama-bc__left face"> </div>
      <div class="cama-bc__top face"> </div>
      <div class="cama-bc__bottom face"> </div>
    </div>
    <div class="cama-almos">
      <div class="cama-almo">
        <div class="cama-almo__sh face"> </div>
        <div class="cama-almo__front face"> </div>
        <div class="cama-almo__back face"> </div>
        <div class="cama-almo__right face"> </div>
        <div class="cama-almo__left face"> </div>
        <div class="cama-almo__top face"> </div>
        <div class="cama-almo__bottom face"> </div>
      </div>
      <div class="cama-almo">
        <div class="cama-almo__sh face"> </div>
        <div class="cama-almo__front face"> </div>
        <div class="cama-almo__back face"> </div>
        <div class="cama-almo__right face"> </div>
        <div class="cama-almo__left face"> </div>
        <div class="cama-almo__top face"> </div>
        <div class="cama-almo__bottom face"> </div>
      </div>
    </div>
  </div>
  <div class="repisa">
    <div class="repisa-base"></div>
    <div class="repisa-t">
      <div class="repisa-t__front face"> </div>
      <div class="repisa-t__back face"> </div>
      <div class="repisa-t__right face"> </div>
      <div class="repisa-t__left face"> </div>
      <div class="repisa-t__top face"> </div>
      <div class="repisa-t__bottom face"> </div>
    </div>
    <div class="repisa-b">
      <div class="repisa-b__front face"> </div>
      <div class="repisa-b__back face"> </div>
      <div class="repisa-b__right face"> </div>
      <div class="repisa-b__left face"> </div>
      <div class="repisa-b__top face"> </div>
      <div class="repisa-b__bottom face"> </div>
    </div>
    <div class="repisa-l">
      <div class="repisa-l__front face"> </div>
      <div class="repisa-l__back face"> </div>
      <div class="repisa-l__right face"> </div>
      <div class="repisa-l__left face"> </div>
      <div class="repisa-l__top face"> </div>
      <div class="repisa-l__bottom face"> </div>
    </div>
    <div class="repisa-r">
      <div class="repisa-r__front face"> </div>
      <div class="repisa-r__back face"> </div>
      <div class="repisa-r__right face"> </div>
      <div class="repisa-r__left face"> </div>
      <div class="repisa-r__top face"> </div>
      <div class="repisa-r__bottom face"> </div>
    </div>
    <div class="repisa-c">
      <div class="repisa-c__front face"> </div>
      <div class="repisa-c__back face"> </div>
      <div class="repisa-c__right face"> </div>
      <div class="repisa-c__left face"> </div>
      <div class="repisa-c__top face"> </div>
      <div class="repisa-c__bottom face"> </div>
    </div>
    <div class="repisa-puertas" id="repisa">
      <div class="repisa-puerta repisa-p">
        <div class="repisa-puerta__front face"> </div>
        <div class="repisa-puerta__back face"> </div>
        <div class="repisa-puerta__right face"> </div>
        <div class="repisa-puerta__left face"> </div>
        <div class="repisa-puerta__top face"> </div>
        <div class="repisa-puerta__bottom face"> </div>
      </div>
      <div class="repisa-puerta">
        <div class="repisa-puerta__front face"> </div>
        <div class="repisa-puerta__back face"> </div>
        <div class="repisa-puerta__right face"> </div>
        <div class="repisa-puerta__left face"> </div>
        <div class="repisa-puerta__top face"> </div>
        <div class="repisa-puerta__bottom face"> </div>
      </div>
    </div>
  </div>
  <div class="buro" id="buro">
    <div class="fs"></div>
    <div class="buro-t">
      <div class="buro-t__front face"> </div>
      <div class="buro-t__back face"> </div>
      <div class="buro-t__right face"> </div>
      <div class="buro-t__left face"> </div>
      <div class="buro-t__top face"> </div>
      <div class="buro-t__bottom face"> </div>
    </div>
    <div class="buro-b">
      <div class="buro-b__front face"> </div>
      <div class="buro-b__back face"> </div>
      <div class="buro-b__right face"> </div>
      <div class="buro-b__left face"> </div>
      <div class="buro-b__top face"> </div>
      <div class="buro-b__bottom face"> </div>
    </div>
    <div class="buro-c">
      <div class="buro-c__front face"> </div>
      <div class="buro-c__back face"> </div>
      <div class="buro-c__right face"> </div>
      <div class="buro-c__left face"> </div>
      <div class="buro-c__top face"> </div>
      <div class="buro-c__bottom face"> </div>
    </div>
    <div class="buro-l">
      <div class="buro-l__front face"> </div>
      <div class="buro-l__back face"> </div>
      <div class="buro-l__right face"> </div>
      <div class="buro-l__left face"> </div>
      <div class="buro-l__top face"> </div>
      <div class="buro-l__bottom face"> </div>
    </div>
    <div class="buro-r">
      <div class="buro-r__front face"> </div>
      <div class="buro-r__back face"> </div>
      <div class="buro-r__right face"> </div>
      <div class="buro-r__left face"> </div>
      <div class="buro-r__top face"> </div>
      <div class="buro-r__bottom face">      </div>
    </div>
    <div class="buro-puertas">
      <div class="buro-puerta">
        <div class="buro-puerta__front face"> </div>
        <div class="buro-puerta__back face"> </div>
        <div class="buro-puerta__right face flex"> 
          <div class="manija">
            <div class="manija__front face"> </div>
            <div class="manija__back face"> </div>
            <div class="manija__right face"> </div>
            <div class="manija__left face"> </div>
            <div class="manija__top face"> </div>
            <div class="manija__bottom face"></div>
          </div>
        </div>
        <div class="buro-puerta__left face"> </div>
        <div class="buro-puerta__top face"> </div>
        <div class="buro-puerta__bottom face"> </div>
      </div>
      <div class="buro-puerta">
        <div class="buro-puerta__front face"> </div>
        <div class="buro-puerta__back face"> </div>
        <div class="buro-puerta__right face flex">
          <div class="manija">
            <div class="manija__front face"> </div>
            <div class="manija__back face"> </div>
            <div class="manija__right face"> </div>
            <div class="manija__left face"> </div>
            <div class="manija__top face"> </div>
            <div class="manija__bottom face"></div>
          </div>
        </div>
        <div class="buro-puerta__left face"> </div>
        <div class="buro-puerta__top face"> </div>
        <div class="buro-puerta__bottom face"> </div>
      </div>
    </div>
  </div>
  <div class="bocina" id="bocina">
    <div class="fs"></div>
    <div class="bocina-l bocina-a">
      <div class="bocina-l__front face"> </div>
      <div class="bocina-l__back face"> </div>
      <div class="bocina-l__right face"> </div>
      <div class="bocina-l__left face"> </div>
      <div class="bocina-l__top face"> </div>
      <div class="oocina-l__bottom face"> </div>
    </div>
    <div class="bocina-stereo">
      <div class="bocina-stereo__front face"> </div>
      <div class="bocina-stereo__back face"> </div>
      <div class="bocina-stereo__right face"> </div>
      <div class="bocina-stereo__left face"> </div>
      <div class="bocina-stereo__top face"> </div>
      <div class="bocina-stereo__bottom face"> </div>
    </div>
    <div class="bocina-r bocina-a">
      <div class="bocina-r__front face"> </div>
      <div class="bocina-r__back face"> </div>
      <div class="bocina-r__right face"> </div>
      <div class="bocina-r__left face"> </div>
      <div class="bocina-r__top face"> </div>
      <div class="oocina-r__bottom face"> </div>
    </div>
  </div>
  <div class="libros">
    <div class="libro libro--azul">
      <div class="libro__front face"> </div>
      <div class="libro__back face"> </div>
      <div class="libro__right face"> </div>
      <div class="libro__left face"> </div>
      <div class="libro__top face"> </div>
      <div class="libro__bottom face"> </div>
    </div>
    <div class="libro libro--verde">
      <div class="libro__front face"> </div>
      <div class="libro__back face"> </div>
      <div class="libro__right face"> </div>
      <div class="libro__left face"> </div>
      <div class="libro__top face"> </div>
      <div class="libro__bottom face"> </div>
    </div>
    <div class="libro libro--amarillo">
      <div class="libro__front face"> </div>
      <div class="libro__back face"> </div>
      <div class="libro__right face"> </div>
      <div class="libro__left face"> </div>
      <div class="libro__top face"> </div>
      <div class="libro__bottom face"> </div>
    </div>
    <div class="libro libro--azul">
      <div class="libro__front face"> </div>
      <div class="libro__back face"> </div>
      <div class="libro__right face"> </div>
      <div class="libro__left face"> </div>
      <div class="libro__top face"> </div>
      <div class="libro__bottom face"> </div>
    </div>
    <div class="libro libro--azul">
      <div class="libro__front face"> </div>
      <div class="libro__back face"> </div>
      <div class="libro__right face"> </div>
      <div class="libro__left face"> </div>
      <div class="libro__top face"> </div>
      <div class="libro__bottom face"> </div>
    </div>
    <div class="libro libro--verde">
      <div class="libro__front face"> </div>
      <div class="libro__back face"> </div>
      <div class="libro__right face"> </div>
      <div class="libro__left face"> </div>
      <div class="libro__top face"> </div>
      <div class="libro__bottom face"> </div>
    </div>
    <div class="libro libro--blanco">
      <div class="libro__front face"> </div>
      <div class="libro__back face"> </div>
      <div class="libro__right face"> </div>
      <div class="libro__left face"> </div>
      <div class="libro__top face"> </div>
      <div class="libro__bottom face"> </div>
    </div>
    <div class="libro libro--azul">
      <div class="libro__front face"> </div>
      <div class="libro__back face"> </div>
      <div class="libro__right face"> </div>
      <div class="libro__left face"> </div>
      <div class="libro__top face"> </div>
      <div class="libro__bottom face"> </div>
    </div>
    <div class="libro libro--azul">
      <div class="libro__front face"> </div>
      <div class="libro__back face"> </div>
      <div class="libro__right face"> </div>
      <div class="libro__left face"> </div>
      <div class="libro__top face"> </div>
      <div class="libro__bottom face"> </div>
    </div>
    <div class="libro libro--azul">
      <div class="libro__front face"> </div>
      <div class="libro__back face"> </div>
      <div class="libro__right face"> </div>
      <div class="libro__left face"> </div>
      <div class="libro__top face"> </div>
      <div class="libro__bottom face"> </div>
    </div>
    <div class="libro libro--amarillo">
      <div class="libro__front face"> </div>
      <div class="libro__back face"> </div>
      <div class="libro__right face"> </div>
      <div class="libro__left face"> </div>
      <div class="libro__top face"> </div>
      <div class="libro__bottom face"> </div>
    </div>
    <div class="libro libro--azul">
      <div class="libro__front face"> </div>
      <div class="libro__back face"> </div>
      <div class="libro__right face"> </div>
      <div class="libro__left face"> </div>
      <div class="libro__top face"> </div>
      <div class="libro__bottom face"> </div>
    </div>
    <div class="libro libro--verde">
      <div class="libro__front face"> </div>
      <div class="libro__back face"> </div>
      <div class="libro__right face"> </div>
      <div class="libro__left face"> </div>
      <div class="libro__top face"> </div>
      <div class="libro__bottom face"> </div>
    </div>
  </div>
  <div class="sillon">
    <div class="fs"></div>
    <div class="sillon-l">
      <div class="sillon-l__front face"> </div>
      <div class="sillon-l__back face"> </div>
      <div class="sillon-l__right face"> </div>
      <div class="sillon-l__left face"> </div>
      <div class="sillon-l__top face"> </div>
      <div class="sillon-l__bottom face"> </div>
    </div>
    <div class="sillon-r">
      <div class="sillon-r__front face"> </div>
      <div class="sillon-r__back face"> </div>
      <div class="sillon-r__right face"> </div>
      <div class="sillon-r__left face"> </div>
      <div class="sillon-r__top face"> </div>
      <div class="sillon-r__bottom face"> </div>
    </div>
    <div class="sillon-c">
      <div class="sillon-c__front face"> </div>
      <div class="sillon-c__back face"> </div>
      <div class="sillon-c__right face"> </div>
      <div class="sillon-c__left face"> </div>
      <div class="sillon-c__top face"> </div>
      <div class="sillon-c__bottom face"> </div>
    </div>
    <div class="sillon-c2">
      <div class="sillon-c2__front face"> </div>
      <div class="sillon-c2__back face"> </div>
      <div class="sillon-c2__right face"> </div>
      <div class="sillon-c2__left face"> </div>
      <div class="sillon-c2__top face"> </div>
      <div class="sillon-c2__bottom face"> </div>
    </div>
    <div class="sillon-b">
      <div class="sillon-b__front face"> </div>
      <div class="sillon-b__back face"> </div>
      <div class="sillon-b__right face"> </div>
      <div class="sillon-b__left face"> </div>
      <div class="sillon-b__top face"> </div>
      <div class="sillon-b__bottom face"> </div>
    </div>
    <div class="sillon-b2">
      <div class="sillon-b2__front face"> </div>
      <div class="sillon-b2__back face"> </div>
      <div class="sillon-b2__right face"> </div>
      <div class="sillon-b2__left face"> </div>
      <div class="sillon-b2__top face"> </div>
      <div class="sillon-b2__bottom face"> </div>
    </div>
  </div>
  <div class="libreros">
    <div class="librero">
      <div class="fs"></div>
      <div class="librero-t">
        <div class="librero-t__front face"> </div>
        <div class="librero-t__back face"> </div>
        <div class="librero-t__right face"> </div>
        <div class="librero-t__left face"> </div>
        <div class="librero-t__top face"> </div>
        <div class="librero-t__bottom face"> </div>
      </div>
      <div class="librero-b">
        <div class="librero-b__front face"> </div>
        <div class="librero-b__back face"> </div>
        <div class="librero-b__right face"> </div>
        <div class="librero-b__left face"> </div>
        <div class="librero-b__top face"> </div>
        <div class="librero-b__bottom face"> </div>
      </div>
      <div class="librero-m1">
        <div class="librero-m1__front face"> </div>
        <div class="librero-m1__back face"> </div>
        <div class="librero-m1__right face"> </div>
        <div class="librero-m1__left face"> </div>
        <div class="librero-m1__top face"> </div>
        <div class="librero-m1__bottom face"> </div>
      </div>
      <div class="librero-m2">
        <div class="librero-m2__front face"> </div>
        <div class="librero-m2__back face"> </div>
        <div class="librero-m2__right face"> </div>
        <div class="librero-m2__left face"> </div>
        <div class="librero-m2__top face"> </div>
        <div class="librero-m2__bottom face"> </div>
      </div>
      <div class="librero-m3">
        <div class="librero-m3__front face"> </div>
        <div class="librero-m3__back face"> </div>
        <div class="librero-m3__right face"> </div>
        <div class="librero-m3__left face"> </div>
        <div class="librero-m3__top face"> </div>
        <div class="librero-m3__bottom face"> </div>
      </div>
      <div class="librero-l">
        <div class="librero-l__front face"> </div>
        <div class="librero-l__back face"> </div>
        <div class="librero-l__right face"> </div>
        <div class="librero-l__left face"> </div>
        <div class="librero-l__top face"> </div>
        <div class="librero-l__bottom face"> </div>
      </div>
      <div class="librero-l1">
        <div class="librero-l1__front face"> </div>
        <div class="librero-l1__back face"> </div>
        <div class="librero-l1__right face"> </div>
        <div class="librero-l1__left face"> </div>
        <div class="librero-l1__top face"> </div>
        <div class="librero-l1__bottom face"> </div>
      </div>
      <div class="librero-l2">
        <div class="librero-l2__front face"> </div>
        <div class="librero-l2__back face"> </div>
        <div class="librero-l2__right face"> </div>
        <div class="librero-l2__left face"> </div>
        <div class="librero-l2__top face"> </div>
        <div class="librero-l2__bottom face"> </div>
      </div>
      <div class="librero-l3">
        <div class="librero-l3__front face"> </div>
        <div class="librero-l3__back face"> </div>
        <div class="librero-l3__right face"> </div>
        <div class="librero-l3__left face"> </div>
        <div class="librero-l3__top face"> </div>
        <div class="librero-l3__bottom face"> </div>
      </div>
      <div class="librero-r">
        <div class="librero-r__front face"> </div>
        <div class="librero-r__back face"> </div>
        <div class="librero-r__right face"> </div>
        <div class="librero-r__left face"> </div>
        <div class="librero-r__top face"> </div>
        <div class="librero-r__bottom face">      </div>
      </div>
    </div>
    <div class="librero" id="librero">
      <div class="fs"></div>
      <div class="librero-base"></div>
      <div class="librero-t">
        <div class="librero-t__front face"> </div>
        <div class="librero-t__back face"> </div>
        <div class="librero-t__right face"> </div>
        <div class="librero-t__left face"> </div>
        <div class="librero-t__top face"> </div>
        <div class="librero-t__bottom face"> </div>
      </div>
      <div class="librero-b">
        <div class="librero-b__front face"> </div>
        <div class="librero-b__back face"> </div>
        <div class="librero-b__right face"> </div>
        <div class="librero-b__left face"> </div>
        <div class="librero-b__top face"> </div>
        <div class="librero-b__bottom face"> </div>
      </div>
      <div class="librero-m1">
        <div class="librero-m1__front face"> </div>
        <div class="librero-m1__back face"> </div>
        <div class="librero-m1__right face"> </div>
        <div class="librero-m1__left face"> </div>
        <div class="librero-m1__top face"> </div>
        <div class="librero-m1__bottom face"> </div>
      </div>
      <div class="librero-m2">
        <div class="librero-m2__front face"> </div>
        <div class="librero-m2__back face"> </div>
        <div class="librero-m2__right face"> </div>
        <div class="librero-m2__left face"> </div>
        <div class="librero-m2__top face"> </div>
        <div class="librero-m2__bottom face"> </div>
      </div>
      <div class="librero-m3">
        <div class="librero-m3__front face"> </div>
        <div class="librero-m3__back face"> </div>
        <div class="librero-m3__right face"> </div>
        <div class="librero-m3__left face"> </div>
        <div class="librero-m3__top face"> </div>
        <div class="librero-m3__bottom face"> </div>
      </div>
      <div class="librero-l">
        <div class="librero-l__front face"> </div>
        <div class="librero-l__back face"> </div>
        <div class="librero-l__right face"> </div>
        <div class="librero-l__left face"> </div>
        <div class="librero-l__top face"> </div>
        <div class="librero-l__bottom face"> </div>
      </div>
      <div class="librero-r1">
        <div class="librero-r1__front face"> </div>
        <div class="librero-r1__back face"> </div>
        <div class="librero-r1__right face flex"> 
          <div class="manija">
            <div class="manija__front face"> </div>
            <div class="manija__back face"> </div>
            <div class="manija__right face"> </div>
            <div class="manija__left face"> </div>
            <div class="manija__top face"> </div>
            <div class="manija__bottom face"> </div>
          </div>
        </div>
        <div class="librero-r1__left face"> </div>
        <div class="librero-r1__top face"> </div>
        <div class="librero-r1__bottom face"> </div>
      </div>
      <div class="librero-r2">
        <div class="librero-r2__front face"> </div>
        <div class="librero-r2__back face"> </div>
        <div class="librero-r2__right face flex">
          <div class="manija">
            <div class="manija__front face"> </div>
            <div class="manija__back face"> </div>
            <div class="manija__right face"> </div>
            <div class="manija__left face"> </div>
            <div class="manija__top face"> </div>
            <div class="manija__bottom face"> </div>
          </div>
        </div>
        <div class="librero-r2__left face"> </div>
        <div class="librero-r2__top face"> </div>
        <div class="librero-r2__bottom face"> </div>
      </div>
      <div class="librero-r3">
        <div class="librero-r3__front face"> </div>
        <div class="librero-r3__back face"> </div>
        <div class="librero-r3__right face flex">
          <div class="manija">
            <div class="manija__front face"> </div>
            <div class="manija__back face"> </div>
            <div class="manija__right face"> </div>
            <div class="manija__left face"> </div>
            <div class="manija__top face"> </div>
            <div class="manija__bottom face"> </div>
          </div>
        </div>
        <div class="librero-r3__left face"> </div>
        <div class="librero-r3__top face"> </div>
        <div class="librero-r3__bottom face"> </div>
      </div>
      <div class="librero-r">
        <div class="librero-r__front face"> </div>
        <div class="librero-r__back face"> </div>
        <div class="librero-r__right face"></div>
        <div class="librero-r__left face"> </div>
        <div class="librero-r__top face"> </div>
        <div class="librero-r__bottom face">      </div>
      </div>
    </div>
  </div>
  <div class="arbustos">
    <div class="fs"></div>
    <div class="arbusto flex face">
      <div class="arbusto-el flex face">
        <div class="arbusto-el__front face"> </div>
        <div class="arbusto-el__back face"> </div>
        <div class="arbusto-el__right face"> </div>
        <div class="arbusto-el__left face"> </div>
        <div class="arbusto-el__top face"> </div>
        <div class="arbusto-el__bottom face"> </div>
      </div>
      <div class="arbusto-el flex face">
        <div class="arbusto-el__front face"> </div>
        <div class="arbusto-el__back face"> </div>
        <div class="arbusto-el__right face"> </div>
        <div class="arbusto-el__left face"> </div>
        <div class="arbusto-el__top face"> </div>
        <div class="arbusto-el__bottom face"> </div>
      </div>
      <div class="arbusto-el flex face">
        <div class="arbusto-el__front face"> </div>
        <div class="arbusto-el__back face"> </div>
        <div class="arbusto-el__right face"> </div>
        <div class="arbusto-el__left face"> </div>
        <div class="arbusto-el__top face"> </div>
        <div class="arbusto-el__bottom face"> </div>
      </div>
      <div class="arbusto-el flex face">
        <div class="arbusto-el__front face"> </div>
        <div class="arbusto-el__back face"> </div>
        <div class="arbusto-el__right face"> </div>
        <div class="arbusto-el__left face"> </div>
        <div class="arbusto-el__top face"> </div>
        <div class="arbusto-el__bottom face"> </div>
      </div>
    </div>
    <div class="arbusto flex face">
      <div class="arbusto-el flex face">
        <div class="arbusto-el__front face"> </div>
        <div class="arbusto-el__back face"> </div>
        <div class="arbusto-el__right face"> </div>
        <div class="arbusto-el__left face"> </div>
        <div class="arbusto-el__top face"> </div>
        <div class="arbusto-el__bottom face"> </div>
      </div>
      <div class="arbusto-el flex face">
        <div class="arbusto-el__front face"> </div>
        <div class="arbusto-el__back face"> </div>
        <div class="arbusto-el__right face"> </div>
        <div class="arbusto-el__left face"> </div>
        <div class="arbusto-el__top face"> </div>
        <div class="arbusto-el__bottom face"> </div>
      </div>
      <div class="arbusto-el flex face">
        <div class="arbusto-el__front face"> </div>
        <div class="arbusto-el__back face"> </div>
        <div class="arbusto-el__right face"> </div>
        <div class="arbusto-el__left face"> </div>
        <div class="arbusto-el__top face"> </div>
        <div class="arbusto-el__bottom face"> </div>
      </div>
      <div class="arbusto-el flex face">
        <div class="arbusto-el__front face"> </div>
        <div class="arbusto-el__back face"> </div>
        <div class="arbusto-el__right face"> </div>
        <div class="arbusto-el__left face"> </div>
        <div class="arbusto-el__top face"> </div>
        <div class="arbusto-el__bottom face"> </div>
      </div>
    </div>
    <div class="arbusto2 flex face">
      <div class="arbusto2-el flex face">
        <div class="arbusto2-el__front face"> </div>
        <div class="arbusto2-el__back face"> </div>
        <div class="arbusto2-el__right face"> </div>
        <div class="arbusto2-el__left face"> </div>
        <div class="arbusto2-el__top face"> </div>
        <div class="arbusto2-el__bottom face"> </div>
      </div>
      <div class="arbusto2-el flex face">
        <div class="arbusto2-el__front face"> </div>
        <div class="arbusto2-el__back face"> </div>
        <div class="arbusto2-el__right face"> </div>
        <div class="arbusto2-el__left face"> </div>
        <div class="arbusto2-el__top face"> </div>
        <div class="arbusto2-el__bottom face"> </div>
      </div>
      <div class="arbusto2-el flex face">
        <div class="arbusto2-el__front face"> </div>
        <div class="arbusto2-el__back face"> </div>
        <div class="arbusto2-el__right face"> </div>
        <div class="arbusto2-el__left face"> </div>
        <div class="arbusto2-el__top face"> </div>
        <div class="arbusto2-el__bottom face"> </div>
      </div>
      <div class="arbusto2-el flex face">
        <div class="arbusto2-el__front face"> </div>
        <div class="arbusto2-el__back face"> </div>
        <div class="arbusto2-el__right face"> </div>
        <div class="arbusto2-el__left face"> </div>
        <div class="arbusto2-el__top face"> </div>
        <div class="arbusto2-el__bottom face"> </div>
      </div>
    </div>
  </div>
  <div class="maceta">
    <div class="fs"></div>
    <div class="maceta-base">
      <div class="maceta-hoja"></div>
      <div class="maceta-hoja"></div>
      <div class="maceta-hoja"></div>
      <div class="maceta-hoja"></div>
      <div class="maceta-hoja"></div>
      <div class="maceta-hoja"></div>
      <div class="maceta-hoja"></div>
      <div class="maceta-hoja"></div>
      <div class="maceta-hoja"></div>
      <div class="maceta-hoja"></div>
      <div class="maceta-hoja"></div>
      <div class="maceta-hoja"></div>
      <div class="maceta-hoja"></div>
      <div class="maceta-hoja"></div>
      <div class="maceta-hoja"></div>
    </div>
    <div class="maceta-l">
      <div class="maceta-l__front face"> </div>
      <div class="maceta-l__back face"> </div>
      <div class="maceta-l__right face"> </div>
      <div class="maceta-l__left face"> </div>
      <div class="maceta-l__top face"> </div>
      <div class="maceta-l__bottom face"> </div>
    </div>
    <div class="maceta-r">
      <div class="maceta-r__front face"> </div>
      <div class="maceta-r__back face"> </div>
      <div class="maceta-r__right face"> </div>
      <div class="maceta-r__left face"> </div>
      <div class="maceta-r__top face"> </div>
      <div class="maceta-r__bottom face"> </div>
    </div>
    <div class="maceta-t">
      <div class="maceta-t__front face"> </div>
      <div class="maceta-t__back face"> </div>
      <div class="maceta-t__right face"> </div>
      <div class="maceta-t__left face"> </div>
      <div class="maceta-t__top face"> </div>
      <div class="maceta-t__bottom face"> </div>
    </div>
    <div class="maceta-b">
      <div class="maceta-b__front face"> </div>
      <div class="maceta-b__back face"> </div>
      <div class="maceta-b__right face"> </div>
      <div class="maceta-b__left face"> </div>
      <div class="maceta-b__top face"> </div>
      <div class="maceta-b__bottom face"> </div>
    </div>
  </div>
</div>
<!-- partial -->
  <script  src="./script.js"></script>

<div style="text-align:center;clear:both;">
	<script src="/statics.js" type="text/javascript"></script>
</div>

</body>
</html>
